<template>
  <div style="">
    <Header :left="true" leftText="返回" title="产品外观检测详情"> </Header>
    <van-form :style="autoHeight" @submit="onSubmit">
      <NoticeBar
        color="#1989fa"
        background="#ecf9ff"
        style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description"
        >基本信息</NoticeBar
      >
      <van-field
        readonly
        class="formstyle"
        :value="valueteamid"
        name="班组"
        label="班组"
        placeholder="输入班组"
      />
      <van-field
        readonly
        class="formstyle"
        :value="valuepShiftName"
        name="班次"
        label="班次"
        placeholder="输入班次"
      />
      <van-field
        readonly
        class="formstyle"
        :value="form.ProductionDate"
        name="生产日期"
        label="生产日期"
        placeholder="输入生产日期"
      />
      <van-field
        readonly
        class="formstyle"
        :value="form.WorkPlanDatetimeFrom"
        name="抽检时间"
        label="抽检时间"
        placeholder="输入抽检时间"
      />
      <NoticeBar
        color="#1989fa"
        background="#ecf9ff"
        style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description"
        >产品信息</NoticeBar
      >
      <van-field
        readonly
        class="formstyle"
        :value="form.POrderID"
        name="订单号码"
        label="订单号码"
        placeholder="输入订单号码"
      />

      <van-field
        readonly
        class="formstyle"
        v-model="form.MaterialID"
        name="产品代码"
        label="产品代码"
        placeholder="请填写产品代码"
      />

      <van-field
        readonly
        class="formstyle"
        v-model="form.PLineID"
        name="生产线代码"
        label="生产线代码"
        placeholder="输入生产线代码"
      />

      <van-field
        readonly
        class="formstyle"
        v-model="form.CustomerName"
        name="客户名称"
        label="客户名称"
        placeholder="输入客户名称"
      />
      <van-field
        readonly
        class="formstyle"
        v-model="form.BatchID"
        name="生产批次"
        label="生产批次"
        placeholder="请填写生产批次"
      />
      <van-field
        readonly
        class="formstyle"
        v-model="form.CountPerBox"
        name="每箱/垛数量"
        label="每箱/垛数量"
        placeholder="请填写箱/垛数量"
        use-extra-slot
      >
        <van-extra slot="extra">PC</van-extra>
      </van-field>
      <van-field
        readonly
        class="formstyle"
        v-model="form.BoxInBatch"
        name="本批检验数量"
        label="本批检验数量"
        placeholder="请填写本批检验数量"
        use-extra-slot
      >
        <van-extra slot="extra">箱/垛</van-extra>
      </van-field>

      <van-field
        readonly
        class="formstyle"
        v-model="form.ProductionAmount"
        name="目标检测数量"
        label="目标检测数量"
        placeholder="请先填写目本批生产数"
        use-extra-slot
      >
        <van-extra slot="extra">PC</van-extra>
      </van-field>
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showCheckType(form.CheckTypeID)"
        label="检验类型"
        placeholder="点击选择检验类型"
      />
      <van-field
        readonly
        class="formstyle"
        v-if="false"
        v-model="form.SamplePlan1G"
        name="抽样计划G"
        label="抽样计划G"
        placeholder="输入抽样计划G"
      />
      <van-field
        class="formstyle"
        readonly
        v-model="form.SamplePlan2G"
        name="抽样计划G"
        label="抽样计划G"
        placeholder="输入抽样计划G"
      />
      <van-field
        readonly
        class="formstyle"
        v-model="form.PlanBox"
        name="计划抽样数量"
        label="计划抽样数量"
        placeholder="请填写计划抽样数量"
        :rules="[{ required: false, message: '请填写计划抽样数量' }]"
        use-extra-slot
      >
        <van-extra slot="extra">PC</van-extra>
      </van-field>
      <van-cell-group>
        <van-row type="flex">
          <van-col span="5" class="formstyle">
            <van-cell-group>
              <van-cell title="实际抽样数量" />
            </van-cell-group>
          </van-col>
          <van-col span="6">
            <van-field
              readonly
              class="formstyle"
              v-model="form.SamplePerBox"
              input-align="right"
              name="每箱/垛抽检数量"
              placeholder="每箱/垛中抽样数量"
            />
          </van-col>
          <van-col span="1" class="formstyle">
            <van-cell-group>
              <van-cell title="/" />
            </van-cell-group>
          </van-col>
          <van-col span="12">
            <van-field
              readonly
              class="formstyle"
              v-model="form.SampleBox"
              name="抽样箱/垛数量"
              placeholder="抽样箱/垛数量"
              use-extra-slot
            >
              <van-extra
                slot="extra"
                v-if="form.SamplePerBox * form.SampleBox > 0"
                >共计{{ form.SamplePerBox * form.SampleBox }}PC</van-extra
              >
            </van-field>
          </van-col>
        </van-row>
      </van-cell-group>

      <van-field
        class="formstyle"
        readonly
        v-model="form.BarCode"
        name="包装条码"
        label="包装条码"
        placeholder="输入抽包装条码"
      />
      <NoticeBar
        color="#1989fa"
        background="#ecf9ff"
        style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description"
        >缺陷信息 - 严重缺陷</NoticeBar
      >
      <van-field
        class="formstyle"
        v-model="form.SamplePlan1Re"
        readonly
        name="抽样计划Re"
        label="抽样计划Re"
        placeholder="输入抽样计划Re="
      />
      <van-field
        class="formstyle"
        v-model="form.SamplePlan1Value"
        readonly
        name="异常数量"
        label="异常数量"
        placeholder="输入异常数量"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showManageReasonID(ManageReasonName1)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showManageReasonID(ManageReasonName2)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showManageReasonID(ManageReasonName3)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <div class="formstyle" v-if="urls1 !== undefined &&
        urls1.length > 0
        ">
        <div style="margin-left: 15px;margin-bottom: 15px;" v-for="(imgUrl, ks) in urls1" :key="ks">
          <div class="van-uploader__wrapper" style="float: left">
            <div class="van-uploader__preview">
              <div  class="van-image van-uploader__preview-image">
                <img :src="imgUrl" class="van-image__img" />
              </div>

            </div>
          </div>
        </div>
      </div>
      <NoticeBar
        color="#1989fa"
        background="#ecf9ff"
        style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description"
        >缺陷信息 - 一般缺陷</NoticeBar
      >
      <van-field
        class="formstyle"
        readonly
        v-model="form.SamplePlan2AQL"
        name="抽样计划AQL"
        label="抽样计划AQL"
        placeholder="输入抽样计划AQL"
      />
      <van-field
        class="formstyle"
        readonly
        v-model="form.SamplePlan2AC"
        name="抽样计划AC/RE"
        label="抽样计划AC/RE"
        placeholder="输入抽样计划AC/RE"
      />
      <van-field
        class="formstyle"
        readonly
        v-model="form.SamplePlan2Value"
        name="异常数量"
        label="异常数量"
        placeholder="输入异常数量"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showQProblemID(QProblemName1)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showQProblemID(QProblemName2)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <van-field
        readonly
        class="formstyle"
        name="picker"
        :value="showQProblemID(QProblemName3)"
        label="缺陷类型"
        placeholder="点击选择缺陷类型"
      />
      <div class="formstyle" v-if="urls2 !== undefined &&
        urls2.length > 0
        ">
        <div style="margin-left: 15px;margin-bottom: 15px;" v-for="(imgUrl, ks) in urls2" :key="ks">
          <div class="van-uploader__wrapper" style="float: left">
            <div class="van-uploader__preview">
              <div  class="van-image van-uploader__preview-image">
                <img :src="imgUrl" class="van-image__img" />
              </div>

            </div>
          </div>
        </div>
      </div>

      <NoticeBar
        color="#1989fa"
        background="#ecf9ff"
        style="margin-top: 5px; font-size: 15px; font-weight: bold"
        left-icon="description"
        >结果判定</NoticeBar
      >
      <van-field class="formstyle" v-model="form.Memo" name="需注明的缺陷描述" label="需注明的缺陷描述" placeholder="需注明的缺陷描述" type="textarea" rows="4" maxlength="1000" readonly/>
      <van-field
        readonly
        class="formstyle"
        v-model="showName"
        name="检测人员"
        label="检测人员"
        placeholder="检测人员"
      />

      <van-field
        readonly
        class="formstyle"
        v-model="valueQualityOk"
        name="检验结果"
        label="检验结果"
        placeholder="输入检验结果"
      />

      <!-- <div style="margin: 16px">
        <van-button
          color="#138087"
          round
          block
          type="info"
          native-type="submit"
          @click="submitsure"
          >审核</van-button
        >
      </div> -->
    </van-form>
    <div style="margin: 16px">
        <van-button color="#138087" round block type="info" native-type="submit" @click="submitsure">创建流程</van-button>
      </div>
  </div>
</template>

<script>
import {
  Col,
  Row,
  Form,
  Cell,
  Icon,
  Field,
  NumberKeyboard,
  Image as VanImage,
  Picker,
  popup,
  SubmitBar,
  Button,
  Loading,
  Overlay,
  Dialog,
  Toast,
  NoticeBar,
  Tag,
  DatetimePicker,
  ImagePreview,
  CellGroup,
  Uploader,
  Cascader,
  Calendar,
  RadioGroup,
  Radio,
  Divider,
  Stepper,
  AddressList,
  Checkbox,
  CheckboxGroup,
} from "vant";

import "vue-easytable/libs/themes-base/index.css";
import { VTable } from "vue-easytable";
import { _httpClient } from "@/libs/apisie";
import { _httpClient as _httpClientApi } from "@/libs/api";
import { getToken, getBaseApiFrefix } from "@/libs/auth";
import Header from "@/components/header.vue";
import { storage } from "@/libs/utils";

Vue.use(Form);
Vue.use(Field);
Vue.use(Overlay);
Vue.use(Loading);
Vue.use(Picker);
Vue.use(popup);
Vue.use(SubmitBar);
Vue.use(VanImage);
Vue.use(DatetimePicker);
Vue.use(Cascader);
Vue.use(Calendar);
Vue.use(Cell);
Vue.use(RadioGroup);
Vue.use(Radio);
Vue.use(Divider);
Vue.use(Stepper);
Vue.use(Button);
Vue.use(AddressList);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Col);
Vue.use(Row);

export default {
  name: "qCcheck",
  components: {
    Form,
    Row,
    Col,
    Button,
    Header,
    Form,
    Cell,
    Icon,
    Field,
    NumberKeyboard,
    Dialog,
    Toast,
    NoticeBar,
    Row,
    Tag,
    popup,
    DatetimePicker,
    ImagePreview,
    CellGroup,
    Uploader,
    Col,
    Calendar,
    Cascader,
    Picker,
    RadioGroup,
    Radio,
    Divider,
    Stepper,
    VTable,
    AddressList,
    Checkbox,
    CheckboxGroup,
  },
  data() {
    return {
      showName:"",
      columnsDealType: [],
      showPickerEmployee1: "",
      columnsCheckedMan: [],
      user: [],
      form: {},
      urls1:[],
      urls2:[],
      valueteamid: "",
      valuepShiftName: "",
      QProblemName1: "",
      QProblemName2: "",
      QProblemName3: "",
      ManageReasonName1: "",
      ManageReasonName2: "",
      ManageReasonName3: "",
      columnsType: [],
      valueQualityOk: "",
      QProblemIDList: ["空", "空", "空"],
      ManageReasonIDList: ["空", "空", "空"],
      columnsQProblem: [],
      columnsManageReason: [
        { ManageReasonID: "0", ManageReasonName: "无异常" },
      ],
    };
  },
  created: function () {
    this.user = JSON.parse(storage.get("user"));
    this.user.userId = this.user.userName;
    this.getQualityProblems();
    this.getManageReasonID();
    this.getCheckType();
    this.form = api.pageParam.item;
    //alert(JSON.stringify(this.form))
    this.urls1=this.form.ImageURL1.split(",")
    this.urls2=this.form.ImageURL2.split(",")
    if (this.form.TeamID == "SJT01") {
      this.valueteamid = "太仓塑胶A班";
    } else if (this.form.TeamID == "SJT02") {
      this.valueteamid = "太仓塑胶B班";
    } else {
      this.valueteamid = "无此班组";
    }
    if (this.form.PShiftID == "BC01") {
      this.valuepShiftName = "三班次-早班 08:30:00";
    } else if (this.form.PShiftID == "BC02") {
      this.valuepShiftName = "三班次-中班 16:30:00";
    } else if (this.form.PShiftID == "BC03") {
      this.valuepShiftName = "三班次-晚班 00:30:00";
    } else {
      this.valuepShiftName = "无此班次";
    }
    // this.form.WorkPlanDatetimeFrom = new Date().toLocaleString();
    //this.form.ProductionDate = this.getNowTime();
    if (this.form.QualityOk) {
      this.valueQualityOk = "合格";
    } else {
      this.valueQualityOk = "不合格";
    }

    this.QProblemIDList = JSON.parse(this.form.QProblemID);
    if (this.QProblemIDList.length == 3) {
      this.QProblemName1 = this.QProblemIDList[0];
      this.QProblemName2 = this.QProblemIDList[1];
      this.QProblemName3 = this.QProblemIDList[2];
    } else if (this.QProblemIDList.length == 0) {
      this.QProblemName1 = "无异常";
      this.QProblemName2 = "无异常";
      this.QProblemName3 = "无异常";
    }
    this.ManageReasonIDList = JSON.parse(this.form.ManageReasonID);
    if (this.ManageReasonIDList.length == 3) {
      this.ManageReasonName1 = this.ManageReasonIDList[0];
      this.ManageReasonName2 = this.ManageReasonIDList[1];
      this.ManageReasonName3 = this.ManageReasonIDList[2];
    } else if (this.ManageReasonIDList.length == 0) {
      this.ManageReasonName1 = "无异常";
      this.ManageReasonName2 = "无异常";
      this.ManageReasonName3 = "无异常";
    }
    this.getRealName(this.form.Creator)
  },
  mounted() {},

  methods: {
    showQProblemID(QProblemID) {
      let _this = this;
      var QProblemName = QProblemID;
      _this.columnsQProblem.forEach((item) => {
        if (item.QProblemID === QProblemID) {
          QProblemName = item.QProblemName;
        }
      });
      return QProblemName;
    },
    async getQualityProblems() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityProblems/GetList"
        );
        if (res.HttpCode === "200") {
          let qProblemNameMap = res.Data.map((item) => ({
            QProblemID: item.QProblemID,
            QProblemName: item.QProblemName,
          }));
          _this.columnsQProblem = qProblemNameMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    showManageReasonID(ManageReasonID) {
      let _this = this;
      var ManageReasonName = ManageReasonID;
      _this.columnsManageReason.forEach((item) => {
        if (item.ManageReasonID === ManageReasonID) {
          ManageReasonName = item.ManageReasonName;
        }
      });
      return ManageReasonName;
    },
    async getManageReasonID() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityManageReason/GetList"
        );
        if (res.HttpCode === "200") {
          let ManageReasonNameMap = res.Data.map((item) => ({
            ManageReasonID: item.ManageReasonID,
            ManageReasonName: item.ManageReasonName,
          }));
          _this.columnsManageReason = ManageReasonNameMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    showCheckType(type) {
      let result = type;
      this.columnsType.forEach((item) => {
        if (item.CheckTypeID === result) {
          result = item.CheckTypeName;
        }
      });
      return result;
    },
    //获取检验类型
    async getCheckType() {
      let _this = this;
      try {
        let res = await _httpClient.get(
          _httpClient.getApiPrefix() + "/QualityCheckType/GetList"
        );
        if (res.HttpCode === "200") {
          let shiftMap = res.Data.map((item) => ({
            CheckTypeName: item.CheckTypeName,
            CheckTypeID: item.CheckTypeID,
          }));
          _this.columnsType = shiftMap;
        }
      } catch (e) {
        Toast.fail(JSON.stringify(e));
      }
    },
    changeQualityOk() {
      //如果合格 隐藏页面 直接提交
      if (this.valueQualityOk == "1") {
        this.form.QualityOk = true;
      } else {
        //若不合格 填写抽检表单
        this.form.QualityOk = false;
      }
    },
    itemClear() {
      this.form.valueteamid = "";
      this.form.pShiftID = "";
      this.form.pOrderID = "";
      this.form.materialid = "";
      this.form.materialname = "";
      this.form.planworkdatetime = "";
      this.form.ProductionDate = "";
      this.form.CheckTypeID = "";
      this.form.CheckedMan = "";
      //包装条码
      this.form.BarCode = "";
      //检验备注
      this.form.Memo = "";
      this.form.ProductionAmount = "";
      //抽样数量
      this.form.SampleAmount = "";
      //计划抽样数量
      this.form.PlanBox = "";
      //抽样计划1G
      this.form.SamplePlan1G = "";
      //抽样计划1Re
      this.form.SamplePlan1Re = "";
      //抽检值1
      this.form.SamplePlan1Value = 0;
      //抽样计划2G
      this.form.SamplePlan2G = "";
      //抽样计划2AC
      this.form.SamplePlan2AC = "";
      //抽样计划2AQL
      this.form.SamplePlan2AQL = "";
      //抽检值2
      this.form.SamplePlan2Value = 0;
      //生产批次
      this.form.BatchID = "";
      //生产车间
      this.form.WorkshopID = "";
      //检验是否合格
      this.form.QualityOk = "";
      //缺陷原因
      this.form.QProblemID = "0"; //管理责任
      this.form.ManageReasonID = "0";
      //客户名称
      this.form.CustomerName = "";
      this.showPickerdatetime = false;
      this.valueQualityOk = "1";
      this.plineID = "";
      this.ManageReasonName = "无异常";
      this.time = "";
      this.FactoryID = "";
      this.valuepShiftName = "";
      this.CheckTypeName = "";
      this.QProblemName = "无异常";
      this.valueteamid = "";
      this.BeginTime = "";
      this.WorkPlanDatetimeFrom = "";
      this.showPickerteamid = false;
      this.showPickerpShiftID = false;
      this.valueemployid = "";
      this.columnsshift = [];
      this.columnsType = [];
      this.showPickerdatetime = false;
      this.showPickerType = false;
      this.showPickerManageReason = false;
      this.showPickerQProblem = false;
    },
    // 获取当前时间
    getNowTime() {
      let dateTime;
      let yy = new Date().getFullYear();
      let mm = new Date().getMonth() + 1;
      let dd = new Date().getDate();
      let hh = new Date().getHours();
      let mf =
        new Date().getMinutes() < 10
          ? "0" + new Date().getMinutes()
          : new Date().getMinutes();
      let ss =
        new Date().getSeconds() < 10
          ? "0" + new Date().getSeconds()
          : new Date().getSeconds();
      dateTime = yy + "-" + mm + "-" + dd;
      return dateTime;
    },
    timeChange() {
      const strArr = this.BeginTime.split(":");
      this.form.planworkdatetime = `${this.time
        .getFullYear()
        .toString()
        .padStart(2, 0)}-${(this.time.getMonth() + 1)
        .toString()
        .padStart(2, 0)}-${this.time.getDate().toString().padStart(2, 0)} ${
        strArr[0]
      }:${strArr[1]}:${strArr[2]}`;
    },
    //确认提交表单
    submitsure() {
      var _this = this;
     

      var bodyitem = {};
      bodyitem = this.form;

      let item3 = []
      if (this.ManageReasonName1 != "" && !this.ManageReasonName1.includes("不选择") && !this.ManageReasonName1.includes("无异常")) {
        item3.push(this.ManageReasonName1)
      }
      if (this.ManageReasonName2 != "" && !this.ManageReasonName2.includes("不选择") && !this.ManageReasonName2.includes("无异常")) {
        item3.push(this.ManageReasonName2)
      }
      if (this.ManageReasonName3 != "" && !this.ManageReasonName3.includes("不选择") && !this.ManageReasonName3.includes("无异常")) {
        item3.push(this.ManageReasonName3)
      }

      if (this.QProblemName1 != "" && !this.QProblemName1.includes("不选择") && !this.QProblemName1.includes("无异常")) {
        item3.push(this.QProblemName1)
      }

      if (this.QProblemName2 != "" && !this.QProblemName2.includes("不选择") && !this.QProblemName2.includes("无异常")) {
        item3.push(this.QProblemName2)
      }

      if (this.QProblemName3 != "" && !this.QProblemName3.includes("不选择") && !this.QProblemName3.includes("无异常")) {
        item3.push(this.QProblemName3)
      }

      // alert(JSON.stringify(item3))
      this.$ac.openWin({
              name: "quality-qCcheckApplicationTightfill",
              url: "./quality-qCcheckApplicationTightfill.html",
              // name: "quality-qCcheckApplication",
              // url: "./quality-qCcheckApplication.html",
              pageParam: {
                item: bodyitem,
                item2: bodyitem,
                item3: item3
                //plineid:_this.plineID,
              },
            });

      
    },

   async getRealName(id){
    try{
        //获得真实用户名
          let ress = await _httpClient.get(
            _httpClient.getApiPrefix() + "/Employee/GetEntityName?FieldValue="+id,
          );

          if(ress.HttpCode==="200"){
            this.showName=ress.Data
          }
    }catch(e){
      alert(JSON.stringify(e))
    }

    }
  },
};
</script>

<style>
body {
  background-color: white;
}

.table-title-class {
  background-color: #304156;
  color: #fff;
}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.buttongroup {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.container.dwo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.buttonLeft {
  position: fixed;
  bottom: 8px;
  float: left;
  width: 49%;
}

.formstyle {
  margin-top: 8px;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.radioteam {
  display: flex;
  align-items: center;
  padding-left: 13px;
  margin-top: 10px;
  margin-left: 34px;
  margin-bottom: 10px;
}

.buttonRight {
  position: fixed;
  bottom: 8px;
  float: right;
  left: 51%;
  width: 49%;
  background-color: #f22028;
  border-color: #f22028;
}

.textScroll {
  display: inline-block;
  position: fixed;
  top: 50%;
  bottom: 3rem;
  overflow: scroll;
  right: 10px;
  width: 100%;
  z-index: 1;
}

.message {
  font-size: 15px;
  margin-top: 5px;
  margin-left: -10px;
  font-weight: bold;
}

.mg5 {
  margin-right: 5px;
}

.tag_margin {
  margin: 2px 5px;
}

.card_under {
  height: 100%;
  width: 100%;
  margin: auto;
  background: #ffffff;
  border-radius: 25px;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
}

.card_icon {
  text-align: center;
  /* position: absolute; */
  height: 8rem;
  width: 80%;
  margin: 12% 10%;
  background: rgba(35, 180, 237, 1);
  border-radius: 25px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
}

.text {
  font-size: 18px;
  color: #4e4a67;
  margin: 8px auto auto 20px;
  line-height: 1.5rem;
  text-align: justify;
  font-weight: 600;
}

.text_small {
  font-size: 16px;
  color: red;
  margin: 8px auto auto 20px;
  line-height: 1.5rem;
  text-align: justify;
  font-weight: 700;
}

.text_scan {
  font-size: 16px;
  color: #4e4a67;
  margin: auto auto auto 20px;
  line-height: 1.5em;
  text-align: justify;
}

.divStyle {
  margin-left: 3px;
  margin-right: 3px;
}

.rowTextArea::v-deep .van-field__value {
  border: 1px solid #ccc;
}
</style>
